<template>
  <div class="filePreview" id="nav-bar">
    <van-nav-bar title="文件预览" left-arrow @click-left="$router.go(-1)" />
    <div class="centre">
      <van-icon name="checked" color="#31AD37" size="" />
      <p class="submit">提交成功</p>
      <p class="statement">
        提交成功，请稍后留意“申请记录”中的状态，进入邮箱查收
      </p>
    </div>

    <div class="btns">
      <div class="btnColor btn" @click="recordClick">申请记录</div>
      <div class="btnBlue btn" @click="returnClick">返回首页</div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  methods: {
    onClickLeft() {
      this.$router.go(-1);
    },
    recordClick() {
      this.$router.push("/pageList/documentRecord");
    },
    returnClick() {
      this.$router.push("/pageList/index");
    },
  },
};
</script>
<style lang="scss" scoped>
@import "@/assets/styles/variable";
#nav-bar ::v-deep .van-nav-bar__title{
		// color: #fff;
    font-size: .506667rem /* 19/37.5 */;
  }
.filePreview {
  .van-nav-bar {
    background: none;
  }
  .van-nav-bar__title {
    font-weight: 600;
    color: #FFF;
  }
  .van-nav-bar .van-icon {
    color: #111;
  }
  .van-hairline--bottom::after {
    border-bottom-width: 0;
  }
  .centre {
    text-align: center;
    margin: 1.04rem /* 39/37.5 */ 0;
    .van-icon {
      font-size: 2.24rem +$fontsize/* 84/37.5 */;
    }
    .submit {
      font-size: 0.48rem+$fontsize /* 18/37.5 */;
      font-family: Source Han Sans CN;
      font-weight: bold;
      color: #31ad37;
      line-height: 0.8rem /* 30/37.5 */;
    }
    .statement {
      height: 1.013333rem /* 38/37.5 */;
      font-size: 0.373333rem +$fontsize/* 14/37.5 */;
      font-family: Source Han Sans CN;
      font-weight: 400;
      color: #666666;
      line-height: 0.64rem /* 24/37.5 */;
      padding: 0 0.88rem /* 33/37.5 */;
    }
  }
}
</style>
